<template>
  <li>
    <header>模板语法</header>
    <ul>
      <li>
        插值
        <ol>
          <li>文本</li>
          <li>原始HTMl</li>
          <li>特性</li>
          <li>使用JavaScript表达式</li>
        </ol>
        <binding-syntax/>
      </li>
      <li>
        指令
        <ol>
          <li>参数</li>
          <li>动态参数</li>
          <li>修饰符</li>
        </ol>
        <directive/>
      </li>
      <li>
        缩写
        <ol>
          <li>v-bind缩写</li>
          <li>v-on缩写</li>
        </ol>
        <Abbr/>
      </li>
    </ul>
  </li>
</template>

<script>
import BindingSyntax from "./samples/BindingSyntax";
import Directive from "./samples/Directive";
import Abbr from "./samples/Abbr";

export default {
  name: "Syntax",
  components: { BindingSyntax, Directive, Abbr }
};
</script>